import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import crosswise from '../views/crosswisePage.vue'
import mapCopm from '../views/map.vue'
import brokenComp from '../views/broken.vue'
import huanComp from '../views/huan.vue'
import picComp from '../views/pic.vue'
import verticalComp from '../views/vertical.vue'
import screen from '../views/screen.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/crosswise',
    component: crosswise
  },
  {
    path: '/map',
    component: mapCopm
  },
  {
    path:'/broken',
    component:brokenComp
  },
  {
    path:'/huan',
    component:huanComp
  },
  {
    path:'/pic',
    component:picComp
  },
  {
    path:'/vertical',
    component:verticalComp
  },
  {
    path:'/',
    component:screen
  }
]

const router = new VueRouter({
  routes
})

export default router
